<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Test Alternative</title>
    <link rel="stylesheet" href="css/red.css" title="red">
    <link rel="alternative stylesheet" href="css/green.css" title="green">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript" src="scripts/jquery.cookie.js"></script>
    <script type="text/javascript" src="scripts/switch-style.js"></script>
    <script type="text/javascript" src="scripts/theme-manager.js"></script>
</head>
<body>
    <h1>Hello World!</h1>
    <form>
        <input type="submit" name="theme" value="Red Theme" id="red" class="btn-switch">
        <input type="submit" name="theme" value="Green Theme" id="green" class="btn-switch">
    </form>
    <script>
    $(document).ready(function() {
        set_style_from_cookie();

        $('.btn-switch').click(function(e) {
            e.preventDefault();
            switch_style($(this).attr('id'));
        });

        var sample = new themeManager();
        var listTheme = sample.getAvaiableThemes();
        console.log(listTheme);
    });
    </script>
</body>
</html>